import React, {Component} from 'react';
import logo from './logo.svg';
import './App.css';
import MyButton from './component-test/Button'
import MyCounter from "./component-test/MyCounter";
import UiButton from "./component-test/UiButton";
import SpacingGrid from "./component-test/SpaceGrid";
import CenteredGrid from "./component-test/SpaceGrid2";
import FullWidthGrid from "./component-test/SpaceGrid3";
import AutoGrid from "./component-test/SpaceGrid4";
import ComplexGrid from "./component-test/SpaceGrid5";
import AutoGridNoWrap from "./component-test/SpaceGrid6";
import FloatingActionButtonZoom from "./component-test/ButtonFloat";
import DialogSelect from "./component-test/picker";

class App extends Component {
    render() {
        return (
            <div className="App">
                <MyButton text="ok" color='yellow'/>
                <MyCounter text = "点击加一"/>
                <UiButton/>
                <SpacingGrid/>
                <CenteredGrid/>
                <FullWidthGrid/>
                <AutoGrid/>
                <ComplexGrid/>
                <AutoGridNoWrap/>
                <FloatingActionButtonZoom/>
                <DialogSelect/>
            </div>
        );
    }
}

export default App;